<template>
  <div>
    <van-nav-bar :title="title" left-arrow @click-left="onClickLeft" />
  </div>
</template>

<script>
export default {
  name: "title-page",
  components: {},
  props: ["title"],
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>

<style scoped>
.van-nav-bar {
  background-color: #21b97a;
}
::v-deep .van-nav-bar__title {
  color: #fff;
  font-size: 18px;
}
::v-deep .van-nav-bar .van-icon {
  color: #fff;
}
::v-deep .van-index-bar__index {
  font-size: 14px;
  margin-top: 6px;
}
</style>
